body{text-align: center;font-size: 14px;}
.body{width: 1200px;height: 600px;margin:auto; position: relative;}
/*.wangye{width: 1200px;height: 1000px;position: relative;margin: auto;}*/
.left{width: 200px;height: 600px;position: absolute;top:0;left: 0;}
.left ul{list-style: none;padding: 20px;}
.left ul li{margin-bottom:20px; }
.left ul li a{text-decoration: none;color: #000;}
.left ul li input{width: 100px;}
#ul2 li{border-top: 1px solid #000;padding-top:5px;}
/*.right{width: 1000px;height: 400px;position: absolute;top: 0;left: 200px;}*/
/*轮播效果*/
#frame{position:absolute;top:0;left:200px;width:1000px;height:600px;overflow:hidden;border-radius:5px}
#dis{position:absolute;left:200px;top:350px;opacity:.5}
#dis li{display:inline-block;width:800px;height:100px;margin:0 50px;float:left;text-align:center;color:#fff;border-radius:10px;background:#000}
#photos{width: 1000px;height: 550px;}
#photos img{float:left;width:1000px;height:500px}
#photos {position: absolute;z-index:9;  width: calc(1000px * 4);/*---修改图片数量的话需要修改下面的动画参数*/  }
     .play{ animation: ma 5s ease-out infinite alternate;}
     @keyframes ma {
         0%,25% {margin-left: 0px;}
         30%,50% {margin-left: -1000px;}
         55%,75% {margin-left: -2000px;}
        80%,100% { margin-left: -3000px;}
    }
     .footer{position: absolute;left:200px;top:500px;}